.light-2 {
    background-color: #22292f;
    color: #66ddf7;
    position: relative;
    overflow: hidden;
    border: 0;
    border-radius: 5px;
    z-index: 1;
}

.light-2::before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #22292f;
    position: absolute;
    background-image: conic-gradient(from var(--a),transparent, var(--s), transparent 30%);
    animation: light-2-ani 3s linear infinite;
    z-index: -3;
}
@property --s {
    syntax: '<color>';
    inherits: false;
    initial-value: #66ddf7;
}
@property --a {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

@keyframes light-2-ani {
    20% {
        --s:#66bbf7;
        --a: 72deg;
    }

    40% {
        --s:#d0f766;
        --a: 144deg;
    }

    60% {
        --s:#f79e66;
        --a: 216deg;
    }

    80% {
        --s:#9ef766;
        --a: 288deg;
    }

    100% {
        --s:#66ddf7;
        --a: 360deg;
    }
}

.light-2::after {
    content: '';
    position: absolute;
    inset: 5px;
    background-color: #000;
    border-radius: 5px;
    z-index: -2;
}